<template>
  <div class="footer">
    <!-- 公共标题 -->
    <div class="common-tel">
        会员专享
        <div class="common-tel-dot">
            <em></em>
            <em></em>
            <em></em>
        </div>
    </div>
    <div class="team-spell">
        <a class="team-spell-goods" href="拼团详情.html">
            <img src="../../assets/detail_1.jpg"/>
            <p>就是大航海时代核辐射的健身卡接电话</p>
            <p>￥ <em>45</em>.00</p>
            <p>已拼234件</p>
        </a>
        <a class="team-spell-goods" href="拼团详情.html">
            <img src="../../assets/detail_1.jpg"/>
            <p>就是大航海时代核辐射的健身卡接电话</p>
            <p>￥<em>45</em>.00</p>
            <p>已拼234件</p>
        </a>
        <a class="team-spell-goods" href="拼团详情.html">
            <img src="../../assets/detail_1.jpg"/>
            <p>就是大航海时代核辐射的健身卡接电话</p>
            <p>￥ <em>45</em>.00</p>
            <p>已拼234件</p>
        </a>
    </div>
  </div>
</template>

<script>
export default {
  name: 'User',
  data () {
    return {
     
    }
  },
  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.team-spell{
	width:94%;
	margin:0 auto;
}
.team-spell-goods img{
	width:100%;
	height:112px;
}
.team-spell-goods{
	width: 32%;
	background: #FFF;
	float: left;
	border-radius: 5px;
	overflow: hidden;
	margin-top:10px;
    padding-bottom: 5px;
}
.team-spell a:nth-child(2){
    margin: 10px 2% 0;
}
.team-spell-goods p:nth-child(2){
	width:94%;
	margin:0 auto;
	font-size:12px;
	padding:2px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 4px;
}
.team-spell-goods p:nth-child(3){
    font-size: 12px;
    color: #FE2746;
    width: 94%;
    margin: 0 auto;
}
.team-spell-goods p:nth-child(3) em {
	font-weight: 600;
	color:#FE2746;
}
.team-spell-goods p:nth-child(4){
	font-size:12px;
	width:94%;
	margin:5px auto;
	color:#999;
}
.team-spell-goods p:nth-child(4) em{
	font-size:12px;
	background-color: rgba(252, 40, 71, 0.07);
	color:#FC2847;
	float: right;
	padding:2px 5px;
	border-radius: 20px;
    margin-top: -3px;
}

</style>
